#obtn .cimg{float:left;width:100%;position: relative;overflow: hidden;}
#obtn .cimg .ban{float:left;width:100%;position: relative;}


#obtn .cimg .ban .slick-prev{width:44px;height:44px;background:url(../images/prev1.png) no-repeat;background-size: 44px 44px;position: absolute;left:87.2%;top:76%;margin-right:22px;z-index: 5;}
#obtn .cimg .ban .slick-next{width:44px;height:44px;background:url(../images/next1.png) no-repeat;background-size: 44px 44px;position: absolute;right:7%;top:76%;z-index: 5;}
#obtn .cimg .sdiv{width: 100%;position: relative;}
#obtn .cimg .ban .slick-prev:hover{background:url(../images/prev.png) no-repeat;background-size: 44px 44px;}
#obtn .cimg .ban .slick-next:hover{background:url(../images/next.png) no-repeat;background-size: 44px 44px;}
#obtn .cimg .sdiv .key{position: absolute;left: 50%;bottom:11.37%;width:40px;margin-left:-20px;height:6.25%;cursor: pointer;}
#obtn .cimg .sdiv .key>img{margin-left: 6px;}
#obtn .cimg .sdiv .key .scroll{font-size: 10px; color:#fff;text-align: center;line-height: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#obtn .cimg .sdiv .key:hover img{margin-top:-10px;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
}

#obtn .cimg .tit{position: absolute;top:27.75%;left:13.69%;width:100%;}
#obtn .cimg .tit .span{display:inline-block;width:4.66%;height:3px;background:#AC391F;margin-bottom:46px;}
#obtn .cimg .tit .th1{font-size: 70px;line-height: 70px;color: #fff;font-family: Ab;letter-spacing: 5px;font-weight: bold;}
#obtn .cimg .tit .th5{font-size: 26px;line-height: 36px;color: #fff;font-family: At;letter-spacing: 1px;padding-top:20px;}
#obtn .cimg .tit .more{display:block;width:10.82%;height:50px;background-image: linear-gradient(to right , #d95030,#ac381e);margin-top:60px;position: relative;
-webkit-border-radius: 50px;
-khtml-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}
#obtn .cimg .more .sd{float:left;width:25px;height:25px;background:#fff;position: relative;left: 6%;top: 50%;transform: translate(0%,-50%);
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
#obtn .cimg .more .sd .sp{width:10px;height:10px;background:#fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-image: linear-gradient(to right , #d95030,#ac381e);
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
#obtn .cimg .more .spa{float:right;font-size: 14px;line-height: 50px;width:80%;text-align:center;color:#fff;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
#obtn .cimg .tit .more:hover{opacity: 0.6;}

@media screen and (max-width:1599px){
#obtn .cimg .tit .span{width:5.5%;}	
#obtn .cimg .tit .more{width:13%;}
#obtn .cimg .tit .th1{font-size: 50px;line-height: 50px;letter-spacing: 2px;}
#obtn .cimg .tit .th5{font-size: 22px;line-height: 36px;}	
#obtn .cimg .ban .slick-prev{left:85%;}
}
@media screen and (max-width:1229px){
#obtn .cimg .sdiv .key{bottom:20%;}	
#obtn .cimg .tit .span{width:7%;}	
#obtn .cimg .tit .more{width:16%;}	
#obtn .cimg .tit .th1{font-size: 40px;line-height: 40px;letter-spacing: 2px;}
#obtn .cimg .tit .th5{font-size: 20px;line-height: 36px;padding-top:15px;}
#obtn .cimg .ban .slick-prev{left:83%;}
}
@media screen and (max-width:991px){
#obtn .cimg{}
#obtn .cimg .tit .span{margin-bottom:20px;}		
#obtn .cimg .tit .more{height:40px;margin-top:40px;}
#obtn .cimg .more .sd{width:20px;height:20px;left: 5%;}
#obtn .cimg .more .sd .sp{width:8px;height:8px;}
#obtn .cimg .more .spa{line-height: 40px;}
#obtn .cimg .tit .th1{font-size: 30px;line-height: 30px;letter-spacing: 2px;}
#obtn .cimg .tit .th5{font-size: 18px;line-height: 36px;padding-top:10px;}

#obtn .cimg .ban .slick-prev{left:80%;}
}
@media screen and (max-width:767px){
#obtn .cimg .tit{top:10%;left:5%;padding-right:10px;}
#obtn .cimg .tit .th1{font-size: 20px;line-height: 20px;letter-spacing: 2px;}
#obtn .cimg .tit .th5{font-size: 16px;line-height: 24px;padding-top:5px;}	
#obtn .cimg .tit .span{width:40px;margin-bottom:10px;}	
#obtn .cimg .tit .more{width:130px;margin-top:10px;height:30px;}	
#obtn .cimg .more .spa{line-height: 30px;}

#obtn .cimg .ban .slick-prev{left:7%;width:34px;height:34px;background-size: 34px 34px;}
#obtn .cimg .ban .slick-next{width:34px;height:34px;background-size: 34px 34px;}
#obtn .cimg .ban .slick-prev:hover{background:url(../images/prev.png) no-repeat;background-size: 34px 34px;}
#obtn .cimg .ban .slick-next:hover{background:url(../images/next.png) no-repeat;background-size: 34px 34px;}

#obtn .cimg .sdiv .key{top:60%;}
}







/*main*/
.homeTitle{ float:left; width:100%; background:#ffffff; padding:4.45% 3.82% 0 3.82%;}
.homeTitle .title{ float:left;}
.homeTitle .title h4{ display:block; color:#ee0000; font-size:24px; line-height:28px; margin-bottom:18px; padding-bottom:18px; background:url(../images/main15.jpg) left bottom no-repeat;}
.homeTitle .title h6{ display:block; color:#a3a1aa; font-size:14px; line-height:18px;}
.homeTitle .homeMore{ float:right;}
.homeTitle .homeMore a{ float:right; color:#a3a1aa; font-size:14px; line-height:82px; background:url(../images/main2.png) left center no-repeat; padding-left:23px;}
.homeTitle .homeMore a:hover{ text-decoration:underline;}
.homeWorks{ float:left; width:100%; background:#ffffff;padding:0 3.82% 4% 3.82%;}
.homeWorks ul{ margin:0 -15px;}
.homeWorks li{ float:left; width:50%; padding:0 15px; margin-top:30px;}
.homeWorks li a{ float:left; width:100%;}
.homeWorks li .img{ float:left; width:100%; line-height:0; overflow:hidden; position:relative;}
.homeWorks li .simg{border:1px solid #e5e5e5;border-top:none; width:100%;overflow:hidden;}
.homeWorks li .simg img{ width:32%; float:left;padding:5px 0;margin:0 0.66%;}
.homeWorks li .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.homeWorks li .img p{ position:absolute;right:0; bottom:30px; background:#ee0000; letter-spacing:2px; display:block; width:120px; height:40px; line-height:40px; color:#fff; text-align:center;font-size:18px;}
.homeWorks li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.homeWorks li .info{ float:left; width:100%; border:1px solid #e5e5e5;border-top:none; padding:25px 39px 3px 39px;}
.homeWorks li .title{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px;}
.homeWorks li .p1{ float:left; width:100%; color:#9a9a9a; font-size:14px; line-height:25px; height:25px; overflow:hidden; margin:4px 0 24px 0;}
.homeWorks li .p1_1{ height:75px; margin:10px 0 27px 0;}
.homeWorks li .Det{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; border-top:1px solid #e5e5e5; color:#9a9a9a; font-size:14px; line-height:22px; padding:10px 0; background:url(../images/main1.png) right center no-repeat;}
.homeWorks li a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.homeWorks .slick-dots{ position:static; margin:0 0 15px 0; height:10px;}
.homeWorks .slick-dots li{ float:none; width:10px; height:10px; overflow:hidden; text-indent:-999px; background:#333; padding:0; border-radius:50%; vertical-align:top;}
.homeWorks .slick-dots li.slick-active{opacity:0.4; filter:alpha(opacity=40);}







.home_hie{ float:left; width:100%; height:20px;}

@media screen and (max-width:1599px ) {
.homeWorks ul{ margin:0 -10px;}
.homeWorks li{ padding:0 10px; margin-top:20px;}
.homeWorks li .info{ padding:15px 20px 3px 20px;}
.homeWorks li .p1{ margin:2px 0 12px 0;}
.homeWorks li .p1_1{ margin:5px 0 14px 0;}
}
@media screen and (max-width:1023px ) {
.homeTitle .title h4{ font-size:18px; line-height:22px; margin-bottom:0; padding-bottom:10px; }
.homeTitle .title h6{ display:none;}
.homeTitle .homeMore a{ line-height:32px; }	
	
.homeWorks{ margin-bottom:15px; padding:0 12px 4.45% 12px;}	
.homeWorks ul{ margin:0 -6px;}
.homeWorks li{ padding:0 6px; margin-top:12px;}
.homeWorks li .title{ font-size:16px; line-height:26px;}	
.homeWorks li .info{ padding:10px 12px 3px 12px;}
.homeWorks li .p1{ margin:0 0 6px 0; line-height:22px; height:22px;}
.homeWorks li .p1_1{ margin:2px 0 8px 0; height:66px;}
.homeWorks li .Det{ padding:8px 0;}

.home_hie{ height:10px;}

}
@media screen and (max-width:767px ) {
.homeWorks li{ width:100%;}	
}


.homeNews{ float:left; width:100%; background:#ffffff;padding:0 3.82% 4% 3.82%;}
.homeNews ul{ margin:0 -15px;}
.homeNews li{ float:left; width:33.33%; padding:0 15px; margin-top:30px;}
.homeNews li a{ float:left; width:100%;}
.homeNews li .img{ float:left; width:100%;height:240px; line-height:0; overflow:hidden;}
.homeNews li .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.homeNews li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.homeNews li .info{ float:left; width:100%; border:1px solid #e5e5e5;border-top:none; padding:25px 39px 3px 39px;}
.homeNews li .title{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px;}
.homeNews li .p1{ float:left; width:100%; color:#9a9a9a; font-size:14px; line-height:25px; height:25px; overflow:hidden; margin:4px 0 24px 0;}
.homeNews li .p1_1{ height:75px; margin:10px 0 27px 0;}
.homeNews li .Det{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; border-top:1px solid #e5e5e5; color:#9a9a9a; font-size:14px; line-height:22px; padding:10px 0; background:url(../images/main1.png) right center no-repeat;}
.homeNews li a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.homeNews .slick-dots{ position:static; margin:0 0 15px 0; height:10px;}
.homeNews .slick-dots li{ float:none; width:10px; height:10px; overflow:hidden; text-indent:-999px; background:#333; padding:0; border-radius:50%; vertical-align:top;}
.homeNews .slick-dots li.slick-active{opacity:0.4; filter:alpha(opacity=40);}



@media screen and (max-width:1599px ) {
.homeNews ul{ margin:0 -10px;}
.homeNews li{ padding:0 10px; margin-top:20px;}
.homeNews li .info{ padding:15px 20px 3px 20px;}
.homeNews li .p1{ margin:2px 0 12px 0;}
.homeNews li .p1_1{ margin:5px 0 14px 0;}
}
@media screen and (max-width:1023px ) {
.homeTitle .title h4{ font-size:18px; line-height:22px; margin-bottom:0; padding-bottom:10px; }
.homeTitle .title h6{ display:none;}
.homeTitle .homeMore a{ line-height:32px; }	
	
.homeNews{ margin-bottom:15px; padding:0 12px 4.45% 12px;}	
.homeNews ul{ margin:0 -6px;}
.homeNews li{ padding:0 6px; margin-top:12px;}
.homeNews li .title{ font-size:16px; line-height:26px;}	
.homeNews li .info{ padding:10px 12px 3px 12px;}
.homeNews li .p1{ margin:0 0 6px 0; line-height:22px; height:22px;}
.homeNews li .p1_1{ margin:2px 0 8px 0; height:66px;}
.homeNews li .Det{ padding:8px 0;}

.home_hie{ height:10px;}

}
@media screen and (max-width:767px ) {
.homeNews li{ width:100%;}	
.homeNews li .img{height:170px;}
}


/*1作品*/
.WorksList{ padding-top:1.91%;}
.LookMore{ float:left; width:100%;  margin-bottom:3.82%; margin-top:-4%;  font-size:18px; line-height:20px; background:#ffffff; padding:3.82% 0 4.45% 0; text-align:center;}
.LookMore a{ display:inline; color:#333333;}
.LookMore a:hover{ text-decoration:underline;}
@media screen and (max-width:1023px ) {
.LookMore{ font-size:16px;}	
}


/*4观点详情*/
.slideRight{ float:left; width:100%; text-align:right; color:#8e8e8e; font-size:14px; line-height:24px; padding:1.78% 0;}
.slideRight a{ color:#8e8e8e;}
.slideRight a:hover{ text-decoration:underline;}
.viewp-det{ float:left; width:100%;margin-bottom:5.22%; min-height:200px;}
.viewp-left{ float:left; width:74%;}
.viewp-left .title{ float:left; width:100%; color:#333; font-size:24px; line-height:34px;}
.viewp-left .time{ float:left; width:100%; color:#777777; font-size:14px; line-height:24px; border-bottom:1px solid #d7d8d8; padding:2.31% 0 1.29% 0;}
.viewp-left .name{ padding-left:30px;}
.viewp-left .info{ float:left; width:100%; color:#333; font-size:14px; line-height:30px; padding:3.42% 0 3.88% 0;}
.viewp-left .zan{ float:left; width:100%; text-align:center;}
.viewp-left .zan .cont{ display:block; margin:0 auto; width:80px; height:80px; border:1px solid #bfbfbf; border-radius:50%; padding-top:16px;}
.viewp-left .zan .cont .ico{ display:inline-block; width:25px; height:25px;}
.viewp-left .zan .cont .tit{ display:block; color:#8f9499; font-size:12px; line-height:22px;}
.viewp-left .det-bq{ float:left; width:100%; color:#92989d; font-size:14px; line-height:30px; padding:4% 0 3.5% 0; border-bottom:1px solid #d7d8d8;}

.viewp-left .btn1{ width:100%; float:left; text-align:center;}
.viewp-left .btn1 .btn_box{ width:80px; height:80px;display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; padding:14px 0; border:solid 1px #bfc2c5; cursor:pointer; margin:auto;}
.viewp-left .btn1 .btn_box .ico{ width:100%; float:left;}
.viewp-left .btn1 .btn_box h5{ width:100%; float:left; font-size:12px; color:#8f9499; line-height:19px;}
.viewp-left .btn1 .btn_box_1{ width:80px; height:80px;display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; padding:14px 0; cursor:pointer; display:none; border:solid 1px #38b7f3; margin:auto;}
.viewp-left .btn1 .btn_box_1 .ico{ width:100%; float:left;}
.viewp-left .btn1 .btn_box_1 h5{ width:100%; float:left; font-size:12px; line-height:19px; color:#1eaef2;}


.viewp-left .det-share{ float:left; width:100%; height:24px; margin-top:2.5%; text-align:center;}
.bdshare1{ display:inline-block; vertical-align:top;}
.bdshare1 a,
.bdshare1 .bds_more{ margin:0 0 0 17px !important;-webkit-transition:none;-moz-transition:none;-ms-transition:none; -o-transition:none;transition:none; cursor:pointer !important;cursor:url('images/hand.cur'),auto  !important}
.bdshare1 .bds_title{ float:left; color:#666666; font-size:14px; line-height:24px;}
.bdshare1 .bds_weixin{ background:url(images/share1.jpg) 0 0 no-repeat !important;}
.bdshare1 .bds_sqq{ background:url(images/share2.jpg) 0 0 no-repeat !important;}
.bdshare1 .bds_qzone{ background:url(images/share3.jpg) 0 0 no-repeat !important;}
.bdshare1 .bds_tqq{ background:url(images/share4.jpg) 0 0 no-repeat !important;}
.bdshare1 .bds_tsina{ background:url(images/share5.jpg) 0 0 no-repeat !important;}
.bdshare1 .bds_more{ background:url(images/share6.png) 0 0 no-repeat !important; background-size:100% 100% !important}



.sx_fy{ float:left; width:100%; color:#333; font-size:14px; line-height:30px; margin-top:3.7%; position:relative;}
.sx_fy .prev,
.sx_fy .next{ float:left; width:50%; color:#666666; font-size:14px; line-height:40px; padding-right:80px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.sx_fy .next{ text-align:right; padding-right:0; padding-left:80px;}
.sx_fy .prev:hover,
.sx_fy .next:hover{ color:#000;}
.sx_fy .renter{ float:left; width:130px; position:absolute; left:50%; top:0; margin-left:-65px; border:1px solid #bfbfbf; line-height:38px; text-align:center;  color:#666666; font-size:16px;}
.sx_fy .renter:hover{ background:#bfbfbf; color:#fff;}

.viewp-right{ float:right; width:22%; background:#fff;}
.viewp-right .title{ float:left; width:100%; background:#eeeeee; color:#000000; font-size:18px; line-height:30px; margin:10.9% 0 1px 0; padding:15px 5.6%;}
.newsList{ float:left; width:100%;}
.newsList li{ float:left; width:100%;}
.newsList li a{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; border-bottom:1px solid #d7d8d8; padding:20px 5.6%;}
.newsList li a:hover{ color:#777777; text-decoration:underline;}

@media screen and (max-width:1599px ) {
.viewp-right{ width:23%;}
}
@media screen and (max-width:1229px ) {
.viewp-right .title{ padding:8px 12px;}	
.newsList li a{ padding:10px 12px;}
.viewp-left .name{ padding-left:20px;}
}

@media screen and (max-width:1023px ) {
.viewp-left{ width:100%;}
.viewp-left .title{ font-size:18px; line-height:28px;}
.viewp-left .time{ line-height:22px;}
.viewp-left .name{ padding-left:15px;}
.viewp-left .info{ line-height:26px;}
.viewp-left .zan .cont{ width:60px; height:60px; padding-top:8px;}
.viewp-left .zan .cont .ico{ width:18px; height:18px;}
.viewp-left .zan .cont .tit{ line-height:16px;}
.viewp-left .det-share{ display:none;}
.sx_fy .prev,
.sx_fy .next{ width:100%; padding:0; text-align:left; line-height:22px;}
.sx_fy .back{float:left; width:100%; margin-top:10px; text-align:center;}
.sx_fy .renter{position:static; left:auto; right:auto; float:none; margin:8px 0 0 0; width:80px; line-height:28px; font-size:14px; display:inline-block; vertical-align:top;}

.viewp-right{ width:100%;}
.viewp-right .title{ margin-top:5%; font-size:16px; line-height:26px;}

.viewp-left .btn1 .btn_box{ width:60px; height:60px; padding:9px 0; }
.viewp-left .btn1 .btn_box h5{ line-height:19px;}
.viewp-left .btn1 .btn_box .ico img{ width:20px; height:20px;}
.viewp-left .btn1 .btn_box_1{ width:60px; height:60px; padding:9px 0;}
.viewp-left .btn1 .btn_box_1 .ico{ width:100%; float:left;}
.viewp-left .btn1 .btn_box_1 .ico img{ width:20px; height:20px;}
.viewp-left .btn1 .btn_box_1 h5{ font-size:12px; line-height:19px;}

}